body,div,p{ font-family: 'Microsoft Yahei' ;font-size: 14px;}
    @base:1vw;
    .box{ width: 15 * @base; height: 15 * @base; border:0.5*@base solid #8bf2f1;margin:1*@base ; border-radius: 50%;box-shadow:0*@base 0*@base 2*@base 0.5*@base #444 inset; position: absolute;}
    /*原点*/
    .origin{ width: 1*@base; height: 1*@base; border-radius: 50%; background: #ff0000; top:7* @base; left: 7* @base; position: absolute;}
    /* 指针 */
    .clock_line{ position: absolute;position:absolute;z-index:20;}
    .hour_line{width:5* @base;height:0.3* @base;top:7.4* @base;left:7.6* @base;background-color:#000;border-radius:2px;
        transform-origin:0 50%;box-shadow:1px -3px 8px 3px #aaa;}
    .minute_line{width:5* @base;height:0.1* @base;top:7.1* @base;left:7.3* @base;background-color:ghostwhite;
        transform-origin:7.692% 50%;box-shadow:1px -3px 8px 1px #aaa;}
    .second_line{width:8* @base;height:0.1* @base;top:7.3* @base;left:6.5* @base;background-color:#f60;
        transform-origin:11.765% 50%;box-shadow:1px -3px 7px 1px #bbb;}

    .dot_box{width: inherit; height: inherit;}
    /*时钟数*/
    .dot{ width: 3* @base; height: 3* @base; line-height: 3* @base; text-align: center; font-size:1* @base; position: absolute;color:white;}
    .clock-scale{width:195px;height:2px;transform-origin:0% 50%;z-index:7;position:absolute;top:7.5*@base;left:7.5*@base;}
    .scale-show{ width:0.7*@base;height:0.1*@base;background-color:#555;float:left;}
    .scale-hidden{width:6.3*@base;height:1*@base;float:left;}
    /*日期*/
    .date_info{width:12* @base;height:2*@base;line-height:2*@base;text-align:center;position:absolute;top:8* @base;left:1.8*@base;z-index:11;color:gold;font-size: 0.2*@base;}
    .time_info{ width: 4.8*@base; height: 1.5*@base; line-height: 1.5*@base;text-align:center;position:absolute;top:10* @base;left:5.3* @base;z-index:11;color:#555; background: #253e3e; }
    .time{ width: 1.4*@base ;height:1.25*@base; float: left; color: #fff; font-size: 0.8*@base;}
     #minute_time{border-left:1px solid #fff;border-right:1px solid #fff;}